<template>
  <div class="App">
    <h1 class="content">我是APP</h1>
    <button @click="getMsg">按钮test</button>
    <Count ref="CountComp" />
  </div>
</template>

<script>
import Count from "@/components/Count";
export default {
  name: "App",
  components: {
    Count,
  },
  methods: {
  
   getMsg() {
    /*
      如果ref设置给了子组件上，则我们通过$refs拿到的是这个组件实例
      最常用的就是通过子组件的实例拿到组件的数据进行处理(组件通信-->子传父)
    */
    console.log(this.$refs);
   }
  }
};
</script>


